<div class="clearfix">
	<div class="row">
		<h3 class="col-md-10">Estudiantes</h3>

	</div>
	<div>
		<button class="btn btn-primary pull-right"
			ep-open-modal="nuevo-estudiante" ng-click="pane='estudiante'">
			Nuevo <i class="glyphicon glyphicon-plus pull right"></i>
		</button>

		<div class="input-group">
			<div class="input-group-btn">
				<button type="button" class="btn btn-default dropdown-toggle"
					data-toggle="dropdown">
					<i class="glyphicon glyphicon-search"></i> <span class="caret"></span>
				</button>
				<ul class="dropdown-menu pull-right">
					<li><a href="#">Action</a></li>
					<li class="divider"></li>
					<li><a href="#">Separated link</a></li>
				</ul>
			</div>
			<!-- /btn-group -->
			<input type="text" class="form-control" ng-model="search"
				ng-change="filter()">
		</div>
		<!-- /input-group -->

		<div ng-show="resultados.length">

			<table class="table table-striped">
				<thead>
					<tr>
						<th>Nombres</th>
						<th>Apellidos</th>
						<th>Doc</th>
						<th>Email</th>
						<th></th>
						<th></th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="persona in resultados">
						<td ng-bind="persona.persona.nombres"></td>
						<td ng-bind="persona.persona.apellidos"></td>
						<td ng-bind="persona.persona.documento"></td>
						<td ng-bind="persona.persona.email"></td>
						<td style="position: relative;">
							<button type="button" class="btn btn-default"
								ng-click="$parent.mostrarEstudiante(persona)">
								<i class="glyphicon glyphicon-pencil"></i>Info
							</button>
						</td>
						<td style="position: relative;">
							<button type="button" class="btn btn-default"
								ng-class="{'btn-success':persona.matricula.idCalendarioAcademico}"
								ng-click="$parent.mostrarMatricula(persona)">
								<i class="glyphicon glyphicon-pencil"></i>Matricula
							</button>
						</td>
						<td><button ng-click="$parent.imprimirBoletin(persona)"><i class="glyphicon glyphicon-list-alt"></i></button></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>

	<div class="col-md-12">
		<button class="btn btn-primary pull-right"
			ep-open-modal="cargar-estudiantes-archivo">
			Cargar estudiantes por archivo <i
				class="glyphicon glyphicon-cloud-upload"></i>
		</button>

	</div>
	<div class="col-md-12">
		<a href="assets/plantillaEstudiantes.xlsx" class="pull-right"><i
			class="glyphicon glyphicon-download-alt"></i> Plantilla de carga </a>
	</div>
</div>

<ep-modal-pane modal-id="cargar-estudiantes-archivo"
	title="Cargar estudiantes por archivo"
	aceptar="cargarArchivoEstudiantes()">
<div class="input-group">
	<label>Archivo</label><input type="file" class="form-control"
		ep-file-model="$parent.archivoEstudiantes">
</div>
</ep-modal-pane>

<div ng-controller="AdminEstudianteCtrl">

	<ep-modal-pane title="Matricula" modal-id="matricula"
		aceptar="matricular()">
	<div id="divMatricula">
		<div class="form-group">
			<label class="control-label">Nombre</label>
			<p class="form-control-static">
				<span ng-bind="estudiante.persona.apellidos"></span> <span
					ng-bind="estudiante.persona.nombres"></span>
			</p>
		</div>
		<div class="form-group">
			<label class="control-label">Curso</label> <select
				ng-model="estudiante.matricula.idCurso"
				ng-options="c.id as c.nombre for c in cursos" class="form-control"></select>
		</div>
	</div>
	</ep-modal-pane>

	<ep-modal-pane title="Estudiante" modal-id="estudiante"
		aceptar="actualizarPersona()">
	<ul class="nav nav-tabs">
		<li ng-class="{active: pane=='estudiante'}"><a href=""
			ng-click="pane='estudiante'">Estudiante</a></li>
		<li ng-class="{active: pane=='acudiente'}"><a href=""
			ng-click="pane='acudiente'">Acudiente</a></li>
	</ul>
	<div ng-switch="pane">
		<div ng-switch-when="estudiante">
			<ep-formulario-persona persona="$parent.$parent.estudiante.persona"></ep-formulario-persona>
		</div>
		<div ng-switch-when="acudiente">
			<ep-formulario-persona
				persona="$parent.$parent.estudiante.acudiente.persona"></ep-formulario-persona>
		</div>
	</div>
	</ep-modal-pane>
</div>

<ep-modal-pane title="Nuevo estudiante" modal-id="nuevo-estudiante"
	aceptar="crearEstudiante()">
<ul class="nav nav-tabs">
	<li ng-class="{active: pane=='estudiante'}"><a href=""
		ng-click="pane='estudiante'">Estudiante</a></li>
	<li ng-class="{active: pane=='acudiente'}"><a href=""
		ng-click="pane='acudiente'">Acudiente</a></li>
</ul>
<div ng-switch="pane">
	<div ng-switch-when="estudiante">
		<ep-formulario-persona persona="$parent.$parent.nuevaPersona"></ep-formulario-persona>
	</div>
	<div ng-switch-when="acudiente">
		<ep-formulario-persona persona="$parent.$parent.nuevoAcudiente"></ep-formulario-persona>
	</div>
</div>
</ep-modal-pane>